<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="author" content="菜鸟开发小组" />
		<meta name="keywords" content="Hyper IT,hyper it,it,hyper,IT 博客,博客,交流平台,IT交流网站,IT服务网站,菜鸟开发小组" />
		<meta name="description" content="由菜鸟才发小组开发的一个苛求质量的高大上的IT服务网站，为IT技术圈内的大牛与小白提供了一个良好的技术交流平台。" />
		<meta name="robots" content="all" />
		<title>Hyper IT|博客</title>

		<link rel="icon" href="../../img/logo2.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/blogItem.css" />
		<link rel="stylesheet" type="text/css" href="../../css/selector.css"/>
		
		
		<script type="text/javascript" src="../../js/jquery-3.1.1.min.js" ></script>
		<script type="text/javascript" src="../../js/common.js" ></script>
		
		<script type="text/javascript" src="../../js/indexblog.js" ></script>
		<script type="text/javascript" src="../../js/blogs.js" ></script>
		
	</head>

	<body>
		<header>
			<a href="../index.html" title="一个苛求质量的IT服务网站" id="logo"><img src="../../img/logo.jpg" alt="logo" /></a>
			<nav>
				<ul class="link-nav">
					<li>
						<a href="blogs.html"><i class="m-icon icon-blog"></i><span>博客园</span></a>
					</li>
					<li>
						<a href="../article/articles.html"><i class="m-icon icon-article"></i><span>博文阁</span></a>
					</li>
					<li>
						<a href="../aq/aqs.html"><i class="m-icon icon-aq"></i><span>问答楼</span></a>
					</li>
					<li>
						<a href="../note/notes.html"><i class="m-icon icon-note"></i><span>随笔本</span></a>
					</li>
					<li>
						<a href="../tag/tags.html"><i class="m-icon icon-boll"></i><span>标签库</span></a>
					</li>
				</ul>
			</nav>

			<ul class="user-bar">
				<li class="help-search">
					<a href="../others/help.html">帮助</a>
				</li>
				<li id="userbox">
					<a href="../user/login.html"><span>Go</span></a>
				</li>
			</ul>
		</header>
		<div class="main">
			<div class="wrap">
				<div class="selector">
					<div class="selector-group">
						<span>博客搜索</span>
						<p>您可以在这里输入标签关键字，博客标题关键字搜索心目中的博客大大</p>
						<input type="search" name="articleSearch" id="articleSearch" value="" placeholder="搜索标签、关键字"/>
						<input type="button" name="search" onclick="getBlogByKey(100000,1)" value="搜索" />
					</div>
					<div class="selector-group" id="ranking">
						<span>排榜</span>
						<p>这里的排名是从高到低的</p>
						<ul>
							<li class="active"><a href="javascript:void(0)">文章数量</a></li>
							<li><a href="javascript:void(0)">被采纳次数</a></li>
							<li><a href="javascript:void(0)">随笔数量</a></li>
							<li><a href="javascript:void(0)">等级</a></li>
							<li><a href="javascript:void(0)">粉丝数量</a></li>
							<li><a href="javascript:void(0)">最萌新</a></li>
						</ul>
					</div>
					<div class="selector-group" id="position">
						<span>领域与段位</span>
						<p>按博主所熟悉的技术领域搜索</p>
						<ul>
							
						</ul>
					</div>
				</div>
				<div class="items">
					
					
				</div>
			</div>
		</div>
		<footer>
			<div class="wrap">
				<p>Copyright &copy; 2017-5-5 Hyper IT of 菜鸟开发小组 All Rights Reserved.</p>
			</div>
		</footer>
	</body>

</html>